.box {
	/deep/.mainContent .uni-swipe_box{
		display: block !important;
		padding: 0 10upx;
	}
	/deep/ .list {
		.content{
			/deep/ .uni-swipe_box{
				display: flex !important;
				padding: 0 10upx;
			}
			padding-top: unset !important;
		}
	}
	width: 750upx;
	min-height: calc(100vh - 44px);
	background-color: #F8F8F8;
	.top {
		position: fixed;
		top: 44px;
		left: 0;
		width: 750upx;
		z-index: 10;
	}
	.header {
		background-color: #38CB97;
		width: 750upx;
		height: 130upx;
		display: flex;
		padding: 0 24upx;
		box-sizing: border-box;
		align-items: center;
		z-index: 10;
		.left {
			flex: 1;
			display: flex;
			align-items: center;
			image {
				width: 82upx;
				height: 82upx;
				margin-right: 36upx;
			}
			text {
				color: #FFFFFF;
				font-size: 36upx;
				font-weight: bold;
			}
		}
		.right {
			width: 168upx;
			height: 48upx;
			background: rgba(255, 255, 255, .25);
			border-radius: 6upx;
			position: relative;
			display: flex;
			align-items: center;
			padding: 0 17upx;
			image {
				width: 44upx;
				height: 22upx;
				margin-right: 17upx;
			}
			input {
				color: #FFFFFF !important;
				font-size: 22upx !important;
			}
			.uni-input-placeholder {
				color: #FFFFFF !important;
				font-size: 22upx !important;
			}
		}
	}
	.nav {
		height: 90upx;
		width: 750upx;
		display: flex;
		background-color: #FFFFFF;
		box-shadow: 0px 4upx 10upx 0px rgba(226, 226, 226, 0.3);
		border-radius: 0px 0px 20upx 20upx;
		justify-content: space-around;
		align-items: center;
		position: relative;
		view {
			color: #999999;
			font-size: 30upx;
		}
		.on {
			color: #38CB97;
			font-size: 36upx;
		}
		.on::after {
			content: '';
			position: absolute;
			bottom: 0;
			width: 60upx;
			height: 4upx;
			background: #38CB97;
			border-radius: 2upx;
			display: block;
			margin-left: 42upx;
		}
	}
	.bottom {
		margin-top: 200upx;
		padding-top: 40upx;
		.mainContent {
			margin: 0 24upx 31upx;
			width: 702upx;
			background-color: #fff;
			border-radius: 12upx;
			padding: 0 15upx;
			box-sizing: border-box;
			.initalValue {
				display: flex;
				align-items: center;
				border-bottom: 1px solid #F0F0F0;
				height: 102upx;
		
				.nameBox {
					display: flex;
					align-items: center;
					flex: 1;
		
					image {
						width: 30upx;
						height: 30upx;
					}
		
					.name {
						color: #5A6065;
						font-size: 30upx;
						margin: 0 39upx 0 21upx;
					}
		
					.stateCode {
						background: #FFE2E2;
						padding: 6upx 12upx;
						color: #E61111;
						font-size: 26upx;
						border-radius: 6upx;
					}
		
					.stateCode1 {
						background: #DDFFE8;
						padding: 6upx 12upx;
						color: #11C537;
						font-size: 26upx;
						border-radius: 6upx;
					}
				}
		
				.carryOut {
					width: 111upx;
					height: 48upx;
					border-radius: 24upx;
					background: linear-gradient(238deg, #38CB97, #43E97B);
					box-shadow: 0px 2px 8px 0px rgba(56, 203, 151, 0.44);
					color: #FFFFFF;
					font-size: 28upx;
					text-align: center;
					line-height: 48upx;
				}
			}
		
			.executeData {
				padding: 38upx 0;
		
				.executeTime {
					display: flex;
					align-items: center;
		
					view {
						flex: 1;
						color: #666666;
						font-size: 26upx;
		
						text:last-child {
							color: #FF9600;
						}
					}
		
					view:last-child {
						text-align: right;
					}
				}
		
				.specificItem {
					color: #666666;
					font-size: 26upx;
					margin-top: 38upx;
					display: flex;
					align-items: center;
					text:last-child {
						color: #333333;
						flex: 1;
						line-height: 40upx;
					}
				}
			}
		}
	}
	.noneChating {
		padding-top: 228upx;
		image {
			display: block;
			margin: 0 auto;
			width: 260upx;
			height: 154upx;
		}
		view {
			margin: 24px auto;
			text-align: center;
			color: #333333;
			font-size: 13px;
		}
	}
}